<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- 重置文件 -->
  <link rel="stylesheet" href="<%=request.getContextPath()%>/css/ncss/normalize.css">
  <link rel="stylesheet" href="<%=request.getContextPath()%>/css/ncss/style.css">
  <title>注册</title>
</head>
<body>
  <div class="reg_div">
    <p>注册</p>
    <form action="">
    
    <ul class="reg_ul">
     <li>
          <span>微信方式：</span>
          <input type="text" id="phone" name="" value="" placeholder="4-8位用户名" >
          <span class="tip user_hint"></span>
      </li>
     <li>
          <span>微信昵称：</span>
          <input type="text" id="phone" name="" value="" placeholder="4-8位用户名" >
          <span class="tip user_hint"></span>
      </li>
     <li>
          <span>注册方式：</span>
          <input type="text" id="phone" name="" value="" placeholder="4-8位用户名" >
          <span class="tip user_hint"></span>
      </li>
     <li>
          <span>手机号码：</span>
          <input type="text" id="phone" name="" value="" placeholder="4-8位用户名" >
          <span class="tip user_hint"></span>
      </li>
     <li>
     <div class="layui-form-item">
     	<div class="layui-inline">
      <span>手机号码：</span>
      <div class="layui-input-inline">
        <input type="text" name="phone-code" placeholder="请输入验证码" maxlength="50" lay-verify="required"  autocomplete="off" class="layui-input">
      </div>
    </div>
    <button class="layui-btn" data-type="btnAdd" id="phone-code">获取手机验证码</button>
  </div>
      </li>
      
      <!-- <li>
          <span>用户名：</span>
          <input type="text" name="" value="" placeholder="4-8位用户名" class="reg_user">
          <span class="tip user_hint"></span>
      </li>
      <li>
          <span>密码：</span>
          <input type="password" name="" value="" placeholder="6-16位密码" class="reg_password">
          <span class="tip password_hint"></span>
      </li>
      <li>
          <span>确认密码：</span>
          <input type="password" name="" value="" placeholder="确认密码" class="reg_confirm">
          <span class="tip confirm_hint"></span>
      </li>
      <li>
          <span>邮箱：</span>
          <input type="text" name="" value="" placeholder="邮箱" class="reg_email">
          <span class="tip email_hint"></span>
      </li>
      <li>
          <span>手机号码：</span>
          <input type="email" name="" value="" placeholder="手机号" class="reg_mobile">
          <span class="tip mobile_hint"></span>
      </li> -->
      <li>
      	<button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
      </li>
    </ul>
    </form>
  </div>
  
  <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.min.js"></script>
  
  <script type="text/javascript" src="<%=request.getContextPath()%>/js/script.js"></script>
  <script src="<%=request.getContextPath()%>/layui/layui.js"></script>
  <script type="text/javascript">
  layui.use(['form', 'layedit', 'laydate'], function(){
	  var form = layui.form
	  ,layer = layui.layer
	  ,layedit = layui.layedit
	  ,laydate = layui.laydate;
	  
	  
	  //监听提交
	  form.on('submit(demo1)', function(data){
		  var phone =$("#phone").val()
		  alert(phone)
	    	console.log(data.field)
	  });
	  
	});
  </script>
  <div style="text-align:center;">
</div>
</body>
</html>
